<template>
	<view class="notice">
		<view class="notice-item">
			<view class="notice-main">
				<block>
					<image class="notice-img" src="../../static/item-Img/gantanhao.png" mode=""></image>
				</block>
				<view class=" notice-warning">
					<text>我是第一天的公告内容!</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.notice-item {
		width: 674rpx;
		height: 60rpx;
		border: 2rpx solid #f88c35;
		background: rgba(248,140,53,.12);
		color: #f88c35;
		border-radius: 10rpx;
	}
	.notice-main {
		width: 674rpx;
		height: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 20rpx;
		box-sizing: border-box;
	}
	.notice-img {
		width: 29rpx;
		height: 29rpx;
	}
	/* 默认样式 */
	.notice-text {
		background: rgba(53,140,248,.12);
		border: 2rpx solid #358cf8;
		color: #358cf8;
	}
	/* 警告样式 */
	.notice-warning {
		color: #f88c35;
	}
</style>